<template>
  <div class="without">
    <div>
      <van-icon name="bill-o" />
    </div>
    <p>您还没有相关的订单</p>
  </div>
</template>
<script>
export default {
  name: "Detailed"
};
</script>
<style scoped lang="less">
* {
  margin: 0;
  padding: 0;
  list-style: none;
  outline: none;
}
@baseFontSize: 20px;
@baseSize: 20;
@color: #ff5000;
html,
body {
  font-size: @baseFontSize;
  height: 100%;
}
.px2rem(@name,@px) {
  @{name}: @px / 2 / @baseSize * 1rem;
}
a {
  text-decoration: none;
  color: #424649;
}
.without {
  margin-top: 3rem /* 20/20 */;
  width: 37.5rem /* 750/20 */;
  text-align: center;
  div {
    display: flex;
    justify-content: center;
    align-items: center;
    i {
      width: 9.5rem /* 190/20 */;
      height: 9.5rem /* 190/20 */;
      background: #ff5000;
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      color: #fdfdfc;
      font-size: 4rem;
    }
  }
  p {
    margin-top: 1rem;
    color: #3d4245;
    font-size: 1.8rem /* 40/20 */;
  }
}
</style>
